<template>
    <div class="renyuan-title">
        <Logo1></Logo1>
        {{$route.meta.title}}
        <router-link to="/mainpages1" class="back-gisplus">
            <i class="iconfont icon-shouye2"></i>
            回到主页
        </router-link>
        <slot name="dropdownmenu"></slot>
    </div>
</template>

<script>
  import Logo1 from '@/components/Logo1.vue'

  export default {
      name: "GisplusTitle",
      components: {
        Logo1
      },
    }
</script>

<style scoped>
    .renyuan-title {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1.2rem;
        background-image: url('../../assets/img/renyuan-title.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
        font-size: 0.28rem;
        color: #fff;
        text-align: center;
        line-height: 1rem;
        z-index: 1;
    }

    .renyuan-title > .back-gisplus {
        position: absolute;
        right: .5rem;
        top: .1rem;
        width: 1rem;
        height: .4rem;
        font-size: .14rem;
        line-height: .4rem;
        color: #F8BC38;
    }
</style>
